<template>
    <div id="activity">
        <mt-header fixed title="代理活动">
            <mt-button icon="back" @click.native="$router.go(-1);" slot="left">返回</mt-button>
        </mt-header>
        <!-- <user></user> -->
        <!-- <h1>暂无活动,敬请期待</h1> -->
        <div>
            <div class="activetitle">热门活动</div>
            <!-- <div class="">
                            <mt-cell title="开房有喜" is-link to="/openroom">
                                <span>查看收益</span>
                                <i class="iconfont icon-re1" slot="icon" style="color:#e92322;font-size:22px;"></i>
                            </mt-cell>
                            <mt-cell title="日进斗金" is-link to="/threeactive">
                                <span>查看收益</span>
                                <i class="iconfont icon-re1" slot="icon" style="color:#e92322;font-size:22px;"></i>
                            </mt-cell>
                        </div> -->
        </div>
        <div class="box">
            <div @click="$router.push('/openroom');">
                <img src="../../assets/img/zuanshi_04.png" alt="">
            </div>
            <div @click="$router.push({path:'/threeactive'});">
                <img src="../../assets/img/zuanshi_02.png" alt="">
            </div>
        </div>
    </div>
</template>
<script>
    import User from "../../components/User/User";
    export default {
        name: "index",
        components: {
            User
        },
        data() {
            return {};
        },
        mounted() {
            document.body.style.background = "#fff";
        }
    };
</script>

<style lang="scss" scoped>
    h1 {
        font-size: 38px;
        color: #d0cbb1;
        padding: 30px 0;
        text-align: center;
    }
    .activetitle {
        padding: 10px 10px;
        font-size: 1.55rem;
        font-weight: 600; // background: #fff;
    }
    .container {
        padding: 0 10px;
    }
    .box {
        background: #fff;
        padding: 0 10px;
        &>div {
            margin-bottom: 20px;
            img {
                width: 100%;
                display: block;
            }
        }
    }
</style>
